.time-line {
  width: 100%;
  height: 100%;
  overflow: hidden;

  &-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;

    &-item {
      display: flex;
      align-items: center;
      position: relative;

      &-content {
        display: flex;
        align-items: center;
        position: absolute;
        z-index: 2;
        background-color: #fff;

        &-step {
          border-radius: 50%;
          width: 2em;
          height: 2em;
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 0 10px;
          cursor: pointer;
        }

        &-text {
          margin-right: 10px;
        }
      }



      &-line {
        width: 100%;
        position: absolute;
        z-index: 1;
      }
    }
  }
}
